{% extends 'base_ksh.html' %}
{% load staticfiles %}
{% block title %}
    <title>河南省农业综合行政执法机构信息可视化分析</title>
{% endblock %}
{% block css %}

{% endblock %}

{% block body %}
    <header class="header">
        <!-- Navigation -->
        <div class="navigation">
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <div class="main-navigation">
                            <div class="logo">
                                <a href="/index/2/">
                                    <img src="/static/assets/images/政府%20非营利机构.png" class="img-fluid image-fit" alt="img"
                                         style="height: 40px;width: 40px">
                                </a>
                            </div>
                            <div class="main-menu">
                                <nav>
                                    <ul class="custom-flex">
                                        <li class="menu-item menu-item-has-children active">
                                            <a href="#" class="text-light-dark" id="hns">河南省<span class=""></span></a>
                                        </li>
                                        <li class="menu-item menu-item-has-children">
                                            <a href="#" class="text-light-dark">豫东<span class="arrow"></span></a>
                                            <ul class="custom sub-menu">
                                                <li class="menu-item">
                                                    <a href="gallery.html" class="text-custom-white">开封市</a>
                                                </li>
                                                <li class="menu-item">
                                                    <a href="404.html" class="text-custom-white">商丘市</a>
                                                </li>
                                                <li class="menu-item">
                                                    <a href="coming-soon.html" class="text-custom-white">周口市</a>
                                                </li>
                                            </ul>
                                        </li>
                                        <li class="menu-item menu-item-has-children">
                                            <a href="#" class="text-light-dark">豫南<span class="arrow"></span></a>
                                            <ul class="custom sub-menu">
                                                <li class="menu-item">
                                                    <a href="gallery.html" class="text-custom-white">南阳市</a>
                                                </li>
                                                <li class="menu-item">
                                                    <a href="404.html" class="text-custom-white">驻马店市</a>
                                                </li>
                                                <li class="menu-item">
                                                    <a href="coming-soon.html" class="text-custom-white">信阳市</a>
                                                </li>
                                            </ul>
                                        </li>
                                        <li class="menu-item menu-item-has-children">
                                            <a href="#" class="text-light-dark">豫西<span class="arrow"></span></a>
                                            <ul class="custom sub-menu">
                                                <li class="menu-item">
                                                    <a href="faqs.html" class="text-custom-white">洛阳市</a>
                                                </li>
                                                <li class="menu-item">
                                                    <a href="coming-soon.html" class="text-custom-white">三门峡市</a>
                                                </li>
                                            </ul>
                                        </li>
                                        <li class="menu-item menu-item-has-children">
                                            <a href="#" class="text-light-dark">豫北<span class="arrow"></span></a>
                                            <ul class="custom sub-menu">
                                                <li class="menu-item">
                                                    <a href="gallery.html" class="text-custom-white">安阳市</a>
                                                </li>
                                                <li class="menu-item">
                                                    <a href="404.html" class="text-custom-white">鹤壁市</a>
                                                </li>
                                                <li class="menu-item">
                                                    <a href="coming-soon.html" class="text-custom-white">新乡市</a>
                                                </li>
                                                <li class="menu-item">
                                                    <a href="coming-soon.html" class="text-custom-white">焦作市</a>
                                                </li>
                                            </ul>
                                        </li>
                                        <li class="menu-item menu-item-has-children">
                                            <a href="#" class="text-light-dark">豫中<span class="arrow"></span></a>
                                            <ul class="custom sub-menu">
                                                <li class="menu-item">
                                                    <a href="gallery.html" class="text-custom-white">郑州市</a>
                                                </li>
                                                <li class="menu-item">
                                                    <a href="404.html" class="text-custom-white">平顶山</a>
                                                </li>
                                                <li class="menu-item">
                                                    <a href="coming-soon.html" class="text-custom-white">许昌市</a>
                                                </li>
                                                <li class="menu-item">
                                                    <a href="coming-soon.html" class="text-custom-white">漯河市</a>
                                                </li>
                                            </ul>
                                        </li>
                                    </ul>
                                </nav>
                                <div class="cta-btn">
                                    <a href="/index/2/" class="btn-first btn-submit">Back To Home</a>
                                </div>
                            </div>
                            <div class="hamburger-menu">
                                <div class="menu-btn">
                                    <span></span>
                                    <span></span>
                                    <span></span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Navigation -->
    </header>
    <div class="container-fluid">
        <div class="container">
            <h2>河南省农业综合执行政法机构建设情况统计分析</h2>
            <h3>一、概述</h3>
            <h5>河南省目前完成了省市县三级农业综合行政执法机构的挂牌。</h5>
        </div>

        <div class="container" title="机构挂牌统计">
            <h3>二、机构挂牌情况</h3>
        </div>
        <div class="row" title="机构挂牌统计" style="text-align: center">
            <div id="6f85da298c594d2ba6b38bb8ccbe9d8c" class="chart-container"
                 style="width:400px; height:400px;display: inline-block"></div>
            <script>
                var chart_6f85da298c594d2ba6b38bb8ccbe9d8c = echarts.init(
                    document.getElementById('6f85da298c594d2ba6b38bb8ccbe9d8c'), 'white', {renderer: 'canvas'});
                var option_6f85da298c594d2ba6b38bb8ccbe9d8c = {
                    "animation": true,
                    "animationThreshold": 2000,
                    "animationDuration": 1000,
                    "animationEasing": "cubicOut",
                    "animationDelay": 0,
                    "animationDurationUpdate": 300,
                    "animationEasingUpdate": "cubicOut",
                    "animationDelayUpdate": 0,
                    "color": [
                        "#c23531",
                        "#2f4554",
                        "#61a0a8",
                        "#d48265",
                        "#749f83",
                        "#ca8622",
                        "#bda29a",
                        "#6e7074",
                        "#546570",
                        "#c4ccd3",
                        "#f05b72",
                        "#ef5b9c",
                        "#f47920",
                        "#905a3d",
                        "#fab27b",
                        "#2a5caa",
                        "#444693",
                        "#726930",
                        "#b2d235",
                        "#6d8346",
                        "#ac6767",
                        "#1d953f",
                        "#6950a1",
                        "#918597"
                    ],
                    "series": [
                        {
                            "type": "gauge",
                            "title": {
                                "show": true,
                                "position": "top",
                                "margin": 8
                            },
                            "detail": {
                                "show": true,
                                "position": "top",
                                "margin": 8,
                                "formatter": "{value}%"
                            },
                            "name": "省级挂牌率",
                            "min": 0,
                            "max": 100,
                            "splitNumber": 10,
                            "radius": "90%",
                            "startAngle": 225,
                            "endAngle": -45,
                            "data": [
                                {
                                    "name": "省级挂牌率",
                                    "value": 100
                                }
                            ]
                        }
                    ],
                    "legend": [
                        {
                            "data": [
                                "省级挂牌率"
                            ],
                            "selected": {
                                "省级挂牌率": true
                            },
                            "show": false,
                            "padding": 5,
                            "itemGap": 10,
                            "itemWidth": 25,
                            "itemHeight": 14
                        }
                    ],
                    "tooltip": {
                        "show": true,
                        "trigger": "item",
                        "triggerOn": "mousemove|click",
                        "axisPointer": {
                            "type": "line"
                        },
                        "formatter": "{a} <br/>{b} : {c}%",
                        "textStyle": {
                            "fontSize": 14
                        },
                        "borderWidth": 0
                    },
                    "title": [
                        {
                            "padding": 5,
                            "itemGap": 10
                        }
                    ]
                };
                chart_6f85da298c594d2ba6b38bb8ccbe9d8c.setOption(option_6f85da298c594d2ba6b38bb8ccbe9d8c);
            </script>
            <div id="6f85da298c594d2ba6b38bb8ccbe9d9c" class="chart-container"
                 style="width:400px; height:400px;display: inline-block"></div>
            <script>
                var chart_6f85da298c594d2ba6b38bb8ccbe9d9c = echarts.init(
                    document.getElementById('6f85da298c594d2ba6b38bb8ccbe9d9c'), 'white', {renderer: 'canvas'});
                var option_6f85da298c594d2ba6b38bb8ccbe9d9c = {
                    "animation": true,
                    "animationThreshold": 2000,
                    "animationDuration": 1000,
                    "animationEasing": "cubicOut",
                    "animationDelay": 0,
                    "animationDurationUpdate": 300,
                    "animationEasingUpdate": "cubicOut",
                    "animationDelayUpdate": 0,
                    "color": [
                        "#c23531",
                        "#2f4554",
                        "#61a0a8",
                        "#d48265",
                        "#749f83",
                        "#ca8622",
                        "#bda29a",
                        "#6e7074",
                        "#546570",
                        "#c4ccd3",
                        "#f05b72",
                        "#ef5b9c",
                        "#f47920",
                        "#905a3d",
                        "#fab27b",
                        "#2a5caa",
                        "#444693",
                        "#726930",
                        "#b2d235",
                        "#6d8346",
                        "#ac6767",
                        "#1d953f",
                        "#6950a1",
                        "#918597"
                    ],
                    "series": [
                        {
                            "type": "gauge",
                            "title": {
                                "show": true,
                                "position": "top",
                                "margin": 8
                            },
                            "detail": {
                                "show": true,
                                "position": "top",
                                "margin": 8,
                                "formatter": "{value}%"
                            },
                            "name": "市级挂牌率",
                            "min": 0,
                            "max": 100,
                            "splitNumber": 10,
                            "radius": "90%",
                            "startAngle": 225,
                            "endAngle": -45,
                            "data": [
                                {
                                    "name": "市级挂牌率",
                                    "value": 95
                                }
                            ]
                        }
                    ],
                    "legend": [
                        {
                            "data": [
                                "市级挂牌率"
                            ],
                            "selected": {
                                "市级挂牌率": true
                            },
                            "show": false,
                            "padding": 5,
                            "itemGap": 10,
                            "itemWidth": 25,
                            "itemHeight": 14
                        }
                    ],
                    "tooltip": {
                        "show": true,
                        "trigger": "item",
                        "triggerOn": "mousemove|click",
                        "axisPointer": {
                            "type": "line"
                        },
                        "formatter": "{a} <br/>{b} : {c}%",
                        "textStyle": {
                            "fontSize": 14
                        },
                        "borderWidth": 0
                    },
                    "title": [
                        {
                            "padding": 5,
                            "itemGap": 10
                        }
                    ]
                };
                chart_6f85da298c594d2ba6b38bb8ccbe9d9c.setOption(option_6f85da298c594d2ba6b38bb8ccbe9d9c);
            </script>
            <div id="6f85da298c594d2ba6b38bb8ccbe9d0c" class="chart-container"
                 style="width:400px; height:400px;display: inline-block"></div>
            <script>
                var chart_6f85da298c594d2ba6b38bb8ccbe9d0c = echarts.init(
                    document.getElementById('6f85da298c594d2ba6b38bb8ccbe9d0c'), 'white', {renderer: 'canvas'});
                var option_6f85da298c594d2ba6b38bb8ccbe9d0c = {
                    "animation": true,
                    "animationThreshold": 2000,
                    "animationDuration": 1000,
                    "animationEasing": "cubicOut",
                    "animationDelay": 0,
                    "animationDurationUpdate": 300,
                    "animationEasingUpdate": "cubicOut",
                    "animationDelayUpdate": 0,
                    "color": [
                        "#c23531",
                        "#2f4554",
                        "#61a0a8",
                        "#d48265",
                        "#749f83",
                        "#ca8622",
                        "#bda29a",
                        "#6e7074",
                        "#546570",
                        "#c4ccd3",
                        "#f05b72",
                        "#ef5b9c",
                        "#f47920",
                        "#905a3d",
                        "#fab27b",
                        "#2a5caa",
                        "#444693",
                        "#726930",
                        "#b2d235",
                        "#6d8346",
                        "#ac6767",
                        "#1d953f",
                        "#6950a1",
                        "#918597"
                    ],
                    "series": [
                        {
                            "type": "gauge",
                            "title": {
                                "show": true,
                                "position": "top",
                                "margin": 8
                            },
                            "detail": {
                                "show": true,
                                "position": "top",
                                "margin": 8,
                                "formatter": "{value}%"
                            },
                            "name": "县级挂牌率",
                            "min": 0,
                            "max": 100,
                            "splitNumber": 10,
                            "radius": "90%",
                            "startAngle": 225,
                            "endAngle": -45,
                            "data": [
                                {
                                    "name": "县级挂牌率",
                                    "value": 85
                                }
                            ]
                        }
                    ],
                    "legend": [
                        {
                            "data": [
                                "县级挂牌率"
                            ],
                            "selected": {
                                "县级挂牌率": true
                            },
                            "show": false,
                            "padding": 5,
                            "itemGap": 10,
                            "itemWidth": 25,
                            "itemHeight": 14
                        }
                    ],
                    "tooltip": {
                        "show": true,
                        "trigger": "item",
                        "triggerOn": "mousemove|click",
                        "axisPointer": {
                            "type": "line"
                        },
                        "formatter": "{a} <br/>{b} : {c}%",
                        "textStyle": {
                            "fontSize": 14
                        },
                        "borderWidth": 0
                    },
                    "title": [
                        {
                            "padding": 5,
                            "itemGap": 10
                        }
                    ]
                };
                chart_6f85da298c594d2ba6b38bb8ccbe9d0c.setOption(option_6f85da298c594d2ba6b38bb8ccbe9d0c);
            </script>
        </div>

        <div class="container" title="机构数量统计">
            <h3>三、机构数量统计</h3>
        </div>
        <div class="row" title="机构数量统计">
            <div id="bba5ac9039174656aa0af6884f23643d" class="chart-container"
                 style="width:1440px; height:500px;margin: 0 auto"></div>
            <script>
                var chart_bba5ac9039174656aa0af6884f23643d = echarts.init(
                    document.getElementById('bba5ac9039174656aa0af6884f23643d'), 'white', {renderer: 'canvas'});
                var option_bba5ac9039174656aa0af6884f23643d = {
                    "animation": true,
                    "animationThreshold": 2000,
                    "animationDuration": 1000,
                    "animationEasing": "cubicOut",
                    "animationDelay": 0,
                    "animationDurationUpdate": 300,
                    "animationEasingUpdate": "cubicOut",
                    "animationDelayUpdate": 0,
                    "color": [
                        "#749f83",
                        "#c23531",
                        "#2f4554",
                        "#61a0a8",
                        "#d48265",
                        "#ca8622",
                        "#bda29a",
                        "#6e7074",
                        "#546570",
                        "#c4ccd3",
                        "#f05b72",
                        "#ef5b9c",
                        "#f47920",
                        "#905a3d",
                        "#fab27b",
                        "#2a5caa",
                        "#444693",
                        "#726930",
                        "#b2d235",
                        "#6d8346",
                        "#ac6767",
                        "#1d953f",
                        "#6950a1",
                        "#918597"
                    ],
                    "series": [
                        {
                            "type": "bar",
                            "name": "\u6267\u6cd5\u673a\u6784\u6570",
                            "data": [
                                6,
                                9,
                                2,
                                7,
                                4,
                                12,
                                11,
                                9,
                                12,
                                3,
                                6,
                                1,
                                8,
                                13,
                                9,
                                12,
                                11,
                                1,
                                1,
                                1,
                                1,
                                1,
                                1,
                                1,
                                1,
                                1,
                                1,
                                1
                            ],
                            "barCategoryGap": "20%",
                            "label": {
                                "show": true,
                                "position": "top",
                                "margin": 8
                            }
                        },
                        {
                            "type": "line",
                            "name": "\u9ad8\u914d\u6570",
                            "connectNulls": false,
                            "yAxisIndex": 1,
                            "symbolSize": 4,
                            "showSymbol": true,
                            "smooth": false,
                            "step": false,
                            "data": [
                                [
                                    "\u90d1\u5dde",
                                    3
                                ],
                                [
                                    "\u5f00\u5c01",
                                    4
                                ],
                                [
                                    "\u6d1b\u9633",
                                    1
                                ],
                                [
                                    "\u5e73\u9876\u5c71",
                                    4
                                ],
                                [
                                    "\u5b89\u9633",
                                    4
                                ],
                                [
                                    "\u9e64\u58c1",
                                    5
                                ],
                                [
                                    "\u65b0\u4e61",
                                    6
                                ],
                                [
                                    "\u7126\u4f5c",
                                    4
                                ],
                                [
                                    "\u6fee\u9633",
                                    4
                                ],
                                [
                                    "\u8bb8\u660c",
                                    1
                                ],
                                [
                                    "\u6f2f\u6cb3",
                                    3
                                ],
                                [
                                    "\u4e09\u95e8\u5ce1",
                                    0
                                ],
                                [
                                    "\u5357\u9633",
                                    5
                                ],
                                [
                                    "\u5546\u4e18",
                                    6
                                ],
                                [
                                    "\u4fe1\u9633",
                                    5
                                ],
                                [
                                    "\u5468\u53e3",
                                    2
                                ],
                                [
                                    "\u9a7b\u9a6c\u5e97",
                                    2
                                ],
                                [
                                    "\u6d4e\u6e90",
                                    1
                                ],
                                [
                                    "\u5de9\u4e49",
                                    1
                                ],
                                [
                                    "\u5170\u8003",
                                    0
                                ],
                                [
                                    "\u6c5d\u5dde",
                                    1
                                ],
                                [
                                    "\u6ed1\u53bf",
                                    0
                                ],
                                [
                                    "\u957f\u57a3",
                                    1
                                ],
                                [
                                    "\u9093\u5dde",
                                    1
                                ],
                                [
                                    "\u6c38\u57ce",
                                    0
                                ],
                                [
                                    "\u56fa\u59cb",
                                    1
                                ],
                                [
                                    "\u9e7f\u9091",
                                    0
                                ],
                                [
                                    "\u65b0\u8521",
                                    1
                                ]
                            ],
                            "hoverAnimation": true,
                            "label": {
                                "show": true,
                                "position": "top",
                                "margin": 8
                            },
                            "lineStyle": {
                                "show": true,
                                "width": 1,
                                "opacity": 1,
                                "curveness": 0,
                                "type": "solid"
                            },
                            "areaStyle": {
                                "opacity": 0
                            },
                            "zlevel": 1,
                            "z": 0
                        }
                    ],
                    "legend": [
                        {
                            "data": [
                                "\u6267\u6cd5\u673a\u6784\u6570",
                                "\u9ad8\u914d\u6570"
                            ],
                            "selected": {
                                "\u6267\u6cd5\u673a\u6784\u6570": true
                            },
                            "show": true,
                            "padding": 5,
                            "itemGap": 10,
                            "itemWidth": 25,
                            "itemHeight": 14
                        }
                    ],
                    "tooltip": {
                        "show": true,
                        "trigger": "axis",
                        "triggerOn": "mousemove|click",
                        "axisPointer": {
                            "type": "cross"
                        },
                        "textStyle": {
                            "fontSize": 14
                        },
                        "borderWidth": 0
                    },
                    "xAxis": [
                        {
                            "type": "category",
                            "show": true,
                            "scale": false,
                            "nameLocation": "end",
                            "nameGap": 15,
                            "gridIndex": 0,
                            "axisPointer": {
                                "show": true,
                                "type": "shadow"
                            },
                            "inverse": false,
                            "offset": 0,
                            "splitNumber": 5,
                            "minInterval": 0,
                            "splitLine": {
                                "show": false,
                                "lineStyle": {
                                    "show": true,
                                    "width": 1,
                                    "opacity": 1,
                                    "curveness": 0,
                                    "type": "solid"
                                }
                            },
                            "data": [
                                "\u90d1\u5dde",
                                "\u5f00\u5c01",
                                "\u6d1b\u9633",
                                "\u5e73\u9876\u5c71",
                                "\u5b89\u9633",
                                "\u9e64\u58c1",
                                "\u65b0\u4e61",
                                "\u7126\u4f5c",
                                "\u6fee\u9633",
                                "\u8bb8\u660c",
                                "\u6f2f\u6cb3",
                                "\u4e09\u95e8\u5ce1",
                                "\u5357\u9633",
                                "\u5546\u4e18",
                                "\u4fe1\u9633",
                                "\u5468\u53e3",
                                "\u9a7b\u9a6c\u5e97",
                                "\u6d4e\u6e90",
                                "\u5de9\u4e49",
                                "\u5170\u8003",
                                "\u6c5d\u5dde",
                                "\u6ed1\u53bf",
                                "\u957f\u57a3",
                                "\u9093\u5dde",
                                "\u6c38\u57ce",
                                "\u56fa\u59cb",
                                "\u9e7f\u9091",
                                "\u65b0\u8521"
                            ]
                        }
                    ],
                    "yAxis": [
                        {
                            "type": "value",
                            "name": "\u673a\u6784\u6570",
                            "show": true,
                            "scale": false,
                            "nameLocation": "end",
                            "nameGap": 15,
                            "interval": 2,
                            "gridIndex": 0,
                            "axisTick": {
                                "show": true,
                                "alignWithLabel": false,
                                "inside": false
                            },
                            "inverse": false,
                            "offset": 0,
                            "splitNumber": 5,
                            "min": 0,
                            "max": 16,
                            "minInterval": 0,
                            "splitLine": {
                                "show": true,
                                "lineStyle": {
                                    "show": true,
                                    "width": 1,
                                    "opacity": 1,
                                    "curveness": 0,
                                    "type": "solid"
                                }
                            }
                        },
                        {
                            "type": "value",
                            "name": "\u9ad8\u914d\u6570",
                            "show": true,
                            "scale": false,
                            "nameLocation": "end",
                            "nameGap": 15,
                            "interval": 2,
                            "gridIndex": 0,
                            "inverse": false,
                            "offset": 0,
                            "splitNumber": 5,
                            "min": 0,
                            "max": 16,
                            "minInterval": 0,
                            "splitLine": {
                                "show": false,
                                "lineStyle": {
                                    "show": true,
                                    "width": 1,
                                    "opacity": 1,
                                    "curveness": 0,
                                    "type": "solid"
                                }
                            }
                        }
                    ],
                    "title": [
                        {
                            "padding": 5,
                            "itemGap": 10
                        }
                    ],
                    "toolbox": {
                        "show": true,
                        "orient": "horizontal",
                        "itemSize": 15,
                        "itemGap": 10,
                        "left": "80%",
                        "feature": {
                            "saveAsImage": {
                                "show": true,
                                "title": "save as image",
                                "type": "png"
                            },
                            "restore": {
                                "show": true,
                                "title": "restore"
                            },
                            "dataView": {
                                "show": true,
                                "title": "data view",
                                "readOnly": false
                            },
                            "dataZoom": {
                                "show": true,
                                "title": {
                                    "zoom": "data zoom",
                                    "back": "data zoom restore"
                                }
                            }
                        }
                    },
                    "dataZoom": {
                        "show": true,
                        "type": "slider",
                        "realtime": true,
                        "start": 0,
                        "end": 65,
                        "orient": "horizontal",
                        "zoomLock": false
                    }
                };
                chart_bba5ac9039174656aa0af6884f23643d.setOption(option_bba5ac9039174656aa0af6884f23643d);
            </script>
        </div>

        <div class="container" title="机构性质统计">
            <h3>四、机构性质统计</h3>
        </div>
        <div class="row" title="机构性质统计">
            <div id="681da66526d346108f53fbf52ef264af" class="chart-container"
                 style="width:800px; height:800px;margin: 0 auto"></div>
            <script>
                var chart_681da66526d346108f53fbf52ef264af = echarts.init(
                    document.getElementById('681da66526d346108f53fbf52ef264af'), 'white', {renderer: 'canvas'});
                var option_681da66526d346108f53fbf52ef264af = {
                    "animation": true,
                    "animationThreshold": 2000,
                    "animationDuration": 1000,
                    "animationEasing": "cubicOut",
                    "animationDelay": 0,
                    "animationDurationUpdate": 300,
                    "animationEasingUpdate": "cubicOut",
                    "animationDelayUpdate": 0,
                    "color": [
                        "#c23531",
                        "#2f4554",
                        "#61a0a8",
                        "#d48265",
                        "#749f83",
                        "#ca8622",
                        "#bda29a",
                        "#6e7074",
                        "#546570",
                        "#c4ccd3",
                        "#f05b72",
                        "#ef5b9c",
                        "#f47920",
                        "#905a3d",
                        "#fab27b",
                        "#2a5caa",
                        "#444693",
                        "#726930",
                        "#b2d235",
                        "#6d8346",
                        "#ac6767",
                        "#1d953f",
                        "#6950a1",
                        "#918597"
                    ],
                    "series": [
                        {
                            "type": "pie",
                            "name": "\u5168\u7701",
                            "clockwise": true,
                            "data": [
                                {
                                    "name": "\u884c\u653f\u673a\u5173\u5185\u8bbe\u673a\u6784",
                                    "value": 5
                                },
                                {
                                    "name": "\u72ec\u7acb\u884c\u653f\u5355\u4f4d",
                                    "value": 2
                                },
                                {
                                    "name": "\u5168\u4f9b\u4e8b\u4e1a\u5355\u4f4d",
                                    "value": 108
                                },
                                {
                                    "name": "\u5dee\u4f9b\u4e8b\u4e1a\u4e8b\u4e1a\u5355\u4f4d",
                                    "value": 5
                                },
                                {
                                    "name": "\u81ea\u6536\u81ea\u652f\u4e8b\u4e1a\u5355\u4f4d",
                                    "value": 6
                                }
                            ],
                            "radius": [
                                "10%",
                                "50%"
                            ],
                            "center": [
                                "50%",
                                "50%"
                            ],
                            "roseType": "area",
                            "label": {
                                "show": true,
                                "position": "top",
                                "margin": 8,
                                "formatter": "{b}:{c}   {d}%"
                            },
                            "rippleEffect": {
                                "show": true,
                                "brushType": "stroke",
                                "scale": 2.5,
                                "period": 4
                            }
                        }
                    ],
                    "legend": [
                        {
                            "data": [
                                "\u884c\u653f\u673a\u5173\u5185\u8bbe\u673a\u6784",
                                "\u72ec\u7acb\u884c\u653f\u5355\u4f4d",
                                "\u5168\u4f9b\u4e8b\u4e1a\u5355\u4f4d",
                                "\u5dee\u4f9b\u4e8b\u4e1a\u4e8b\u4e1a\u5355\u4f4d",
                                "\u81ea\u6536\u81ea\u652f\u4e8b\u4e1a\u5355\u4f4d"
                            ],
                            "selected": {}
                        }
                    ],
                    "tooltip": {
                        "show": true,
                        "trigger": "item",
                        "triggerOn": "mousemove|click",
                        "axisPointer": {
                            "type": "line"
                        },
                        "textStyle": {
                            "fontSize": 14
                        },
                        "borderWidth": 0
                    }
                };
                chart_681da66526d346108f53fbf52ef264af.setOption(option_681da66526d346108f53fbf52ef264af);
            </script>
        </div>

        <div class="container" title="工作经费与执法车辆统计">
            <h3>五、工作经费与执法车辆统计</h3>
        </div>
        <div class="row" title="工作经费与执法车辆统计">
            <div id="4f755804bb84471f9f9317cd11639b5b" class="chart-container"
                 style="width:1440px; height:500px;margin: 0 auto"></div>
            <script>
                var chart_4f755804bb84471f9f9317cd11639b5b = echarts.init(
                    document.getElementById('4f755804bb84471f9f9317cd11639b5b'), 'white', {renderer: 'canvas'});
                var option_4f755804bb84471f9f9317cd11639b5b = {
                    "animation": true,
                    "animationThreshold": 2000,
                    "animationDuration": 1000,
                    "animationEasing": "cubicOut",
                    "animationDelay": 0,
                    "animationDurationUpdate": 300,
                    "animationEasingUpdate": "cubicOut",
                    "animationDelayUpdate": 0,
                    "color": [
                        "#c23531",
                        "#2f4554",
                        "#61a0a8",
                        "#d48265",
                        "#749f83",
                        "#ca8622",
                        "#bda29a",
                        "#6e7074",
                        "#546570",
                        "#c4ccd3",
                        "#f05b72",
                        "#ef5b9c",
                        "#f47920",
                        "#905a3d",
                        "#fab27b",
                        "#2a5caa",
                        "#444693",
                        "#726930",
                        "#b2d235",
                        "#6d8346",
                        "#ac6767",
                        "#1d953f",
                        "#6950a1",
                        "#918597"
                    ],
                    "series": [
                        {
                            "type": "bar",
                            "name": "\u5e02\u7ea7\u7ecf\u8d39",
                            "data": [
                                38,
                                37,
                                98,
                                43,
                                29,
                                47,
                                51,
                                77,
                                11,
                                50,
                                67,
                                50,
                                66,
                                69,
                                11,
                                18,
                                88,
                                10,
                                96,
                                34,
                                53,
                                35,
                                85,
                                42,
                                80,
                                59,
                                90,
                                49
                            ],
                            "stack": "stack1",
                            "barCategoryGap": "20%",
                            "label": {
                                "show": false,
                                "position": "top",
                                "margin": 8
                            },
                            "rippleEffect": {
                                "show": true,
                                "brushType": "stroke",
                                "scale": 2.5,
                                "period": 4
                            }
                        },
                        {
                            "type": "bar",
                            "name": "\u53bf\u7ea7\u7ecf\u8d39",
                            "data": [
                                112,
                                105,
                                55,
                                114,
                                171,
                                162,
                                72,
                                109,
                                118,
                                22,
                                109,
                                133,
                                80,
                                59,
                                55,
                                63,
                                81,
                                88,
                                136,
                                69,
                                164,
                                58,
                                111,
                                32,
                                93,
                                156,
                                176,
                                186
                            ],
                            "stack": "stack1",
                            "barCategoryGap": "20%",
                            "label": {
                                "show": false,
                                "position": "top",
                                "margin": 8
                            },
                            "rippleEffect": {
                                "show": true,
                                "brushType": "stroke",
                                "scale": 2.5,
                                "period": 4
                            }
                        },
                        {
                            "type": "line",
                            "name": "\u8f66\u8f86\u6570",
                            "connectNulls": false,
                            "yAxisIndex": 1,
                            "symbolSize": 4,
                            "showSymbol": true,
                            "smooth": false,
                            "step": false,
                            "data": [
                                [
                                    "\u90d1\u5dde",
                                    10
                                ],
                                [
                                    "\u5f00\u5c01",
                                    11
                                ],
                                [
                                    "\u6d1b\u9633",
                                    10
                                ],
                                [
                                    "\u5e73\u9876\u5c71",
                                    12
                                ],
                                [
                                    "\u5b89\u9633",
                                    11
                                ],
                                [
                                    "\u9e64\u58c1",
                                    10
                                ],
                                [
                                    "\u65b0\u4e61",
                                    15
                                ],
                                [
                                    "\u7126\u4f5c",
                                    10
                                ],
                                [
                                    "\u6fee\u9633",
                                    11
                                ],
                                [
                                    "\u8bb8\u660c",
                                    11
                                ],
                                [
                                    "\u6f2f\u6cb3",
                                    13
                                ],
                                [
                                    "\u4e09\u95e8\u5ce1",
                                    14
                                ],
                                [
                                    "\u5357\u9633",
                                    14
                                ],
                                [
                                    "\u5546\u4e18",
                                    13
                                ],
                                [
                                    "\u4fe1\u9633",
                                    14
                                ],
                                [
                                    "\u5468\u53e3",
                                    13
                                ],
                                [
                                    "\u9a7b\u9a6c\u5e97",
                                    10
                                ],
                                [
                                    "\u6d4e\u6e90",
                                    11
                                ],
                                [
                                    "\u5de9\u4e49",
                                    14
                                ],
                                [
                                    "\u5170\u8003",
                                    14
                                ],
                                [
                                    "\u6c5d\u5dde",
                                    11
                                ],
                                [
                                    "\u6ed1\u53bf",
                                    15
                                ],
                                [
                                    "\u957f\u57a3",
                                    10
                                ],
                                [
                                    "\u9093\u5dde",
                                    10
                                ],
                                [
                                    "\u6c38\u57ce",
                                    14
                                ],
                                [
                                    "\u56fa\u59cb",
                                    12
                                ],
                                [
                                    "\u9e7f\u9091",
                                    11
                                ],
                                [
                                    "\u65b0\u8521",
                                    15
                                ]
                            ],
                            "hoverAnimation": true,
                            "label": {
                                "show": false,
                                "position": "top",
                                "margin": 8
                            },
                            "lineStyle": {
                                "show": true,
                                "width": 1,
                                "opacity": 1,
                                "curveness": 0,
                                "type": "solid"
                            },
                            "areaStyle": {
                                "opacity": 0
                            },
                            "zlevel": 100,
                            "z": 0
                        }
                    ],
                    "legend": [
                        {
                            "data": [
                                "\u5e02\u7ea7\u7ecf\u8d39",
                                "\u53bf\u7ea7\u7ecf\u8d39",
                                "\u8f66\u8f86\u6570"
                            ],
                            "selected": {
                                "\u5e02\u7ea7\u7ecf\u8d39": true,
                                "\u53bf\u7ea7\u7ecf\u8d39": true
                            },
                            "show": true,
                            "padding": 5,
                            "itemGap": 10,
                            "itemWidth": 25,
                            "itemHeight": 14
                        }
                    ],
                    "tooltip": {
                        "show": true,
                        "trigger": "item",
                        "triggerOn": "mousemove|click",
                        "axisPointer": {
                            "type": "line"
                        },
                        "textStyle": {
                            "fontSize": 14
                        },
                        "borderWidth": 0
                    },
                    "xAxis": [
                        {
                            "show": true,
                            "scale": false,
                            "nameLocation": "end",
                            "nameGap": 15,
                            "gridIndex": 0,
                            "inverse": false,
                            "offset": 0,
                            "splitNumber": 5,
                            "minInterval": 0,
                            "splitLine": {
                                "show": false,
                                "lineStyle": {
                                    "show": true,
                                    "width": 1,
                                    "opacity": 1,
                                    "curveness": 0,
                                    "type": "solid"
                                }
                            },
                            "data": [
                                "\u90d1\u5dde",
                                "\u5f00\u5c01",
                                "\u6d1b\u9633",
                                "\u5e73\u9876\u5c71",
                                "\u5b89\u9633",
                                "\u9e64\u58c1",
                                "\u65b0\u4e61",
                                "\u7126\u4f5c",
                                "\u6fee\u9633",
                                "\u8bb8\u660c",
                                "\u6f2f\u6cb3",
                                "\u4e09\u95e8\u5ce1",
                                "\u5357\u9633",
                                "\u5546\u4e18",
                                "\u4fe1\u9633",
                                "\u5468\u53e3",
                                "\u9a7b\u9a6c\u5e97",
                                "\u6d4e\u6e90",
                                "\u5de9\u4e49",
                                "\u5170\u8003",
                                "\u6c5d\u5dde",
                                "\u6ed1\u53bf",
                                "\u957f\u57a3",
                                "\u9093\u5dde",
                                "\u6c38\u57ce",
                                "\u56fa\u59cb",
                                "\u9e7f\u9091",
                                "\u65b0\u8521"
                            ]
                        }
                    ],
                    "yAxis": [
                        {
                            "type": "value",
                            "name": "\u7ecf\u8d39\u6570",
                            "show": true,
                            "scale": false,
                            "nameLocation": "end",
                            "nameGap": 15,
                            "interval": 30,
                            "gridIndex": 0,
                            "axisTick": {
                                "show": true,
                                "alignWithLabel": false,
                                "inside": false
                            },
                            "inverse": false,
                            "offset": 0,
                            "splitNumber": 5,
                            "min": 0,
                            "max": 300,
                            "minInterval": 0,
                            "splitLine": {
                                "show": true,
                                "lineStyle": {
                                    "show": true,
                                    "width": 1,
                                    "opacity": 1,
                                    "curveness": 0,
                                    "type": "solid"
                                }
                            }
                        },
                        {
                            "type": "value",
                            "name": "\u8f66\u8f86\u6570",
                            "show": true,
                            "scale": false,
                            "nameLocation": "end",
                            "nameGap": 15,
                            "interval": 2,
                            "gridIndex": 0,
                            "inverse": false,
                            "offset": 0,
                            "splitNumber": 5,
                            "min": 0,
                            "max": 20,
                            "minInterval": 0,
                            "splitLine": {
                                "show": false,
                                "lineStyle": {
                                    "show": true,
                                    "width": 1,
                                    "opacity": 1,
                                    "curveness": 0,
                                    "type": "solid"
                                }
                            }
                        }
                    ],
                    "title": [
                        {
                            "padding": 5,
                            "itemGap": 10
                        }
                    ],
                    "toolbox": {
                        "show": true,
                        "orient": "horizontal",
                        "itemSize": 15,
                        "itemGap": 10,
                        "left": "80%",
                        "feature": {
                            "saveAsImage": {
                                "show": true,
                                "title": "save as image",
                                "type": "png"
                            },
                            "restore": {
                                "show": true,
                                "title": "restore"
                            },
                            "dataView": {
                                "show": true,
                                "title": "data view",
                                "readOnly": false
                            },
                            "dataZoom": {
                                "show": true,
                                "title": {
                                    "zoom": "data zoom",
                                    "back": "data zoom restore"
                                }
                            }
                        }
                    },
                    "dataZoom": {
                        "show": true,
                        "type": "slider",
                        "realtime": true,
                        "start": 0,
                        "end": 80,
                        "orient": "horizontal",
                        "zoomLock": false
                    }
                };
                chart_4f755804bb84471f9f9317cd11639b5b.setOption(option_4f755804bb84471f9f9317cd11639b5b);
            </script>
        </div>

        <div class="container" title="机构改革完成度（%）">
            <h3>六、机构改革完成度</h3>
        </div>
        <div class="row" title="机构改革完成度（%）">
            <div id="fcdf957c52f4429886486d425057b98b" class="chart-container"
                 style="width:1400px; height:800px; margin: 0 auto"></div>
            <script>
                var chart_fcdf957c52f4429886486d425057b98b = echarts.init(
                    document.getElementById('fcdf957c52f4429886486d425057b98b'), 'white', {renderer: 'canvas'});
                var option_fcdf957c52f4429886486d425057b98b = {
                    "animation": true,
                    "animationThreshold": 2000,
                    "animationDuration": 1000,
                    "animationEasing": "cubicOut",
                    "animationDelay": 0,
                    "animationDurationUpdate": 300,
                    "animationEasingUpdate": "cubicOut",
                    "animationDelayUpdate": 0,
                    "color": [
                        "#c23531",
                        "#2f4554",
                        "#61a0a8",
                        "#d48265",
                        "#749f83",
                        "#ca8622",
                        "#bda29a",
                        "#6e7074",
                        "#546570",
                        "#c4ccd3",
                        "#f05b72",
                        "#ef5b9c",
                        "#f47920",
                        "#905a3d",
                        "#fab27b",
                        "#2a5caa",
                        "#444693",
                        "#726930",
                        "#b2d235",
                        "#6d8346",
                        "#ac6767",
                        "#1d953f",
                        "#6950a1",
                        "#918597"
                    ],
                    "series": [
                        {
                            "type": "map",
                            "name": "\u673a\u6784\u6539\u9769\u5b8c\u6210\u5ea6",
                            "label": {
                                "show": true,
                                "position": "top",
                                "margin": 8
                            },
                            "mapType": "\u6cb3\u5357",
                            "data": [
                                {
                                    "name": "\u90d1\u5dde\u5e02",
                                    "value": 51
                                },
                                {
                                    "name": "\u5f00\u5c01\u5e02",
                                    "value": 97
                                },
                                {
                                    "name": "\u6d1b\u9633\u5e02",
                                    "value": 92
                                },
                                {
                                    "name": "\u5e73\u9876\u5c71\u5e02",
                                    "value": 30
                                },
                                {
                                    "name": "\u5b89\u9633\u5e02",
                                    "value": 1
                                },
                                {
                                    "name": "\u9e64\u58c1\u5e02",
                                    "value": 79
                                },
                                {
                                    "name": "\u65b0\u4e61\u5e02",
                                    "value": 7
                                },
                                {
                                    "name": "\u7126\u4f5c\u5e02",
                                    "value": 17
                                },
                                {
                                    "name": "\u6fee\u9633\u5e02",
                                    "value": 39
                                },
                                {
                                    "name": "\u8bb8\u660c\u5e02",
                                    "value": 11
                                },
                                {
                                    "name": "\u6f2f\u6cb3\u5e02",
                                    "value": 63
                                },
                                {
                                    "name": "\u4e09\u95e8\u5ce1\u5e02",
                                    "value": 83
                                },
                                {
                                    "name": "\u5357\u9633\u5e02",
                                    "value": 70
                                },
                                {
                                    "name": "\u5546\u4e18\u5e02",
                                    "value": 61
                                },
                                {
                                    "name": "\u4fe1\u9633\u5e02",
                                    "value": 41
                                },
                                {
                                    "name": "\u5468\u53e3\u5e02",
                                    "value": 39
                                },
                                {
                                    "name": "\u9a7b\u9a6c\u5e97\u5e02",
                                    "value": 66
                                },
                                {
                                    "name": "\u6d4e\u6e90\u5e02",
                                    "value": 13
                                },
                                {
                                    "name": "\u5de9\u4e49\u5e02",
                                    "value": 37
                                },
                                {
                                    "name": "\u5170\u8003\u53bf",
                                    "value": 3
                                },
                                {
                                    "name": "\u6c5d\u5dde\u5e02",
                                    "value": 10
                                },
                                {
                                    "name": "\u6ed1\u53bf",
                                    "value": 26
                                },
                                {
                                    "name": "\u957f\u57a3\u53bf",
                                    "value": 17
                                },
                                {
                                    "name": "\u9093\u5dde\u5e02",
                                    "value": 40
                                },
                                {
                                    "name": "\u6c38\u57ce\u5e02",
                                    "value": 12
                                },
                                {
                                    "name": "\u56fa\u59cb\u53bf",
                                    "value": 64
                                },
                                {
                                    "name": "\u9e7f\u9091\u53bf",
                                    "value": 28
                                },
                                {
                                    "name": "\u65b0\u8521\u53bf",
                                    "value": 4
                                }
                            ],
                            "roam": true,
                            "zoom": 1,
                            "showLegendSymbol": true,
                            "emphasis": {}
                        }
                    ],
                    "legend": [
                        {
                            "data": [
                                "\u673a\u6784\u6539\u9769\u5b8c\u6210\u5ea6"
                            ],
                            "selected": {
                                "\u673a\u6784\u6539\u9769\u5b8c\u6210\u5ea6": true
                            },
                            "show": false,
                            "padding": 5,
                            "itemGap": 10,
                            "itemWidth": 25,
                            "itemHeight": 14
                        }
                    ],
                    "tooltip": {
                        "show": true,
                        "trigger": "item",
                        "triggerOn": "mousemove|click",
                        "axisPointer": {
                            "type": "line"
                        },
                        "textStyle": {
                            "fontSize": 14
                        },
                        "borderWidth": 0
                    },
                    "title": [
                        {
                            "padding": 5,
                            "itemGap": 10
                        }
                    ],
                    "visualMap": {
                        "show": true,
                        "type": "continuous",
                        "min": 0,
                        "max": 100,
                        "inRange": {
                            "color": [
                                "#50a3ba",
                                "#eac763",
                                "#d94e5d"
                            ]
                        },
                        "calculable": true,
                        "inverse": false,
                        "splitNumber": 5,
                        "orient": "vertical",
                        "left": "15%",
                        "showLabel": true,
                        "itemWidth": 20,
                        "itemHeight": 140,
                        "borderWidth": 0
                    }
                };
                chart_fcdf957c52f4429886486d425057b98b.setOption(option_fcdf957c52f4429886486d425057b98b);
            </script>
        </div>
    </div>
{% endblock %}
{% block js %}

{% endblock %}
